<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/register.css">
    <script src="../js/jQuery.js"></script>
    <script src="../js/register.js"></script>
    <script src="../js/ajax.js"></script>
</head>

<body>
    <div class="header">
        <div class="center">
            <div class="d-logo">
                <img src="../img/d-logo.png" alt="">
            </div>
        </div>
    </div>
    <div class="content">
        <div class="Loginbg">
            <div class="abs">
                <div class="longintab">
                    <span data-id="0" class="span-1" name="logintype">普通登录</span>
                    <span data-id="1" class="span-2" name="logintype">手机动态密码登录</span>
                </div>

                <div class="logoincontent">
                    <div>
                        <div class="Loginuser1">
                            <p class="p-1"></p>
                            <input type="text" class="inblock" placeholder="手机号/邮箱/用户名" autocomplete="on"
                                id="usernamel">
                        </div>
                        <div class="Loginuser2">
                            <p class="p-2"></p>
                            <input class="inblock" type="password" autocomplete="new-password" name="passwordl"
                                id="passwordl" placeholder="密码">
                        </div>
                    </div>
                </div>
                <!-- 动态密码登录 -->
                <div class="Logoincontent-2" style="display: none;">
                    <div class="Loginuser">
                        <p class="phoneico"></p>
                        <input type="text" name="mobelphonel" placeholder="已注册的手机号" class="Userinput-1">
                    </div>

                    <div class="logphonecode">
                        <p class="codeico"></p>
                        <input class="Userinput-2" type="text" id="dt_password" 
                            placeholder="动态码">
                    <div class="phonecodebtn">
                        <a href="javascript:void(0);">获取动态密码</a>
                </div>
                <!-- 动态码结束 -->

                <script>
                    $(".span-1").click(function () {
                        $(".Logoincontent-2").hide();
                        $(".logoincontent").show()
                        $(".gn-middle").show();
                    })
                    $(".span-2").click(function () {
                        $(".logoincontent").hide();
                        $(".gn-middle").hide();
                        $(".Logoincontent-2").show()
                    })
                </script>
            </div>
        </div>
        <div class="gn-middle">
            <input type="checkbox" checked="checked">
            <span class="zddl">自动登录</span>
            <a href="#">忘记密码？</a>
        </div>
        <a href="#" class="a-inblock">登&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;录</a>

        <div class="hezuo">
            <div class="h-left">
                <span>合作网站登录:</span>
                <div class="vqz">
                    <a href="" class="vx"></a>
                    <a href="" class="qq"></a>
                    <a href="" class="zfb"></a>
                </div>
            </div>
            <a href="#" class="zhucezhanghao">注册账号</a>
        </div>
    </div>

    <div class="foot"> 
        <var class="c-foot">
            <a href="">E宠商城  |</a>
            <a href="">知识  |</a>
            <a href="">关于我们  |</a>
            <a href="">联系我们 </a>
            <p class="end">渝ICP备13005525号-2   渝ICP备 10002905  增值电信业务经营许可证：渝B2-20140042   Copyright © 2007-2016 epet.com  重庆易宠科技有限公司</p>
        </var>
            
    </div>
</body>

</html>